<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport"
			content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<base target="_blank"/>
		<link rel="stylesheet" href="{cms>:$cssPath}/spg.css">
		
		<title>客房</title>

		<style type="text/css">
			#assurance div{
				background-color: white;
				position: relative
			}
			.icon-info {
			    font-family: 'starwood';
			    speak: none;
			    font-style: normal;
			    font-weight: normal;
			    font-variant: normal;
			    text-transform: none;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			}
			span.brg-check {
				position: absolute;
				top: -19px;
				left: 2px;
			}
			body{
				background-color: #271a40;
				margin: 0;
			}
			#content{
				background-color: rgb(238,239,242);
				text-align: center;
				font: normal 16px arial;
			}
			#assurance div{
				font: bold 16px arial;
				color: #664f8c;
			}
			#assurance img{
				position: relative;
			}
			a{		
				text-decoration: none;
				font: bold 16px arial;
				color: #664f8c;
			}
			#footer_span{
				bottom: 60px;
			}
			.insetShadow {
				border-radius: 3px;
				-webkit-box-shadow: inset #666 0px 0px 9px;
				text-align: center;
				width: 100%;
				height:70%;
				-webkit-border-radius: 3px;
				background-color: whitesmoke;
				font: normal 12px arial;
				overflow: hidden;
			}
			.description{
				letter-spacing: 1.5px;
			}
			.aroom{
				background-color: white;
				margin: 5px 10px;
				border-radius: 3px;
			}
			td img{
				width:100%;
			}
			.description{
				overflow:hidden;
			}
			.td2 p{
				margin: 0;
				position: relative;
				top: -2px;
				text-align: center;
				font: normal 14px arial;
			}
		</style>
	</head>
	
	<body>
		<div id="content" style="margin: 0px;line-height: 30px;text-align: left;border-radius: 0px;">	
			    <div style="height: 5px;"><pre>  </pre></div>
				<div>
					<a href="{cms>:U('Booking/facilities',array('hotelCode'=>$_GET['hotelCode'],'openid'=>$_GET['openid']))}">
					<p style="background-color: rgb(103,81,140);padding: 10px;margin: 8px;border-radius: 3px;color:white;text-align:center;">
						标准设施
					</p>
					</a>
				</div>
			<div class="aroom">
				<table style="width:100%;padding: 5px 0 0 0;">
					<tr>
						<td id="td1" style="width:30%;padding-left: 5px;"><img src="{cms>:$imagePath}/room1.jpg" /></td>
						<td class="td2" style="padding-right: 5px;">
							<div class="description" style="">
								<p>海阔天空</p>
								<div class="insetShadow">
									舒适的沙发坐椅，两瓶法国Avian矿泉水，24小时贴身管家服务等，无不处处体现着经典周到的细节服务理念。高速连接上网、高保真音响系统、电动式控制窗帘，让您感受商务出行提供了法式唯美旅居体验。
								</div>
							</div>
						</td>
					</tr>
				</table>
			</div>
			<div class="aroom">
				<table style="width:100%;padding-top: 10px;">
					<tr>
						<td style="width:30%;padding-left: 5px;"><img src="{cms>:$imagePath}/room1.jpg" /></td>
						<td class="td2" style="padding-right: 5px;">
							<div class="description" style="">
								<p>海阔天空</p>
								<div class="insetShadow">
									这里是介绍
								</div>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		
		<script type="text/javascript" src="{cms>:$jsPath}/jquery-1.11.0.min.js"></script>
		
		<script>
		    $(function() {
				var h=$("#td1 img").height();
				//alert(h);
				$("#td1").css("height", h);
		        $(".td2").css("height", h);
		        $(".description").css("height", h);
		        //$(".insetShadow").css("height", h);
		      });
		</script>
	    
<include file="footer2"/>